/* Phoenix specific classes for generated files. */

.phx-hero {
  @apply text-center bg-cool-gray-200 rounded-md py-8 px-4 mt-0 mb-4;

  h1 {
    font-weight: 500;
    margin-bottom: 1rem;
  }

  p {
    font-weight: 300;
    font-size: 125%;
    margin-bottom: 2rem;
  }

  button {
    @apply block mx-auto text-white bg-blue-600 mt-4 py-2 px-8 uppercase text-sm font-bold rounded transition ease-in-out duration-150;
  }

  input[type="text"] {
    @apply h-10 border border-cool-gray-300 rounded-md bg-white w-1/3 px-4 text-sm;
  }

  input[type="text"]:focus {
    @apply outline-none;
  }
}

.row {
  @apply flex flex-row justify-around;
}

.row .column {
  @apply block flex-auto pt-4 px-16 m-0 ml-0 max-w-xs;
}

.row h2 {
  @apply text-2xl font-semibold mb-4 font-normal;
}

.row .column ul {
  @apply mx-auto max-w-xs list-disc;
}

.row .column ul li {
  @apply mt-3;
}

.row .column ul li a {
   @apply underline;
}